html,
body{
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: Helvetica, Arial, Verdana, Tahoma,Serif, Sans-serif;
}


@media print {
  .ant-checkbox-checked .ant-checkbox-inner {
    background: transparent !important;
    border-color: #333 !important;
  }
  .ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: #333 !important;
  }
}
#root{
    height:100vh;
    //修改authLayout spin的一些默认样式
    .ant-spin-nested-loading{
        flex:1;
        height:100%;
        >.ant-spin-container{
            height: 100%;
            >.ant-layout-content{
                height:100%;
            }
        }
        > div {
            > .ant-spin{
                display: flex;
                justify-content: center;
                align-items: center;
                min-height:80vh;
                max-height:100%;
            }
        }
    }


    //透明为，不透明，没有蒙版效果
    .ant-spin-blur{
        opacity: 1;
    }
    .ant-spin-blur::after{
        opacity: 0.1;
    }
}


body {
  font-family: 'Monospace Number', 'Chinese Quote', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f9f9f9;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
  color: #666;
}
a:active {
  color: #096dd9;
}
a:hover {
  color: #1890ff;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 1px;
}
/* 重写antd默认布局样式 */
.ant-layout .ant-layout-header {
  height: auto;
  line-height: normal;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
.ant-layout .ant-layout-content {
  position: relative;
  min-height: auto;
}
.ant-layout .ant-layout-footer {
  text-align: center;
  width: 100%;
  background-color: #fff;
  padding: 10px;
}
.page.ant-layout > .ant-layout-content {
  padding: 24px 24px 0px;
}



//覆盖antd 表头颜色
.ant-table{
    .ant-table-header{
        .ant-table-thead > tr > th{
            background: #f1f5ff;
        }
    }
}

.nobr {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  content: ' ';
  display: table;
}
.clearfix::after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.flex {
  display: flex;
  height: 100%;
  position: relative;
}
.flex-column {
  flex-direction: column;
}
.flex-auto {
  flex: auto;
  position: relative;
  height: 100%;
}
.flex-auto-hidden {
  flex: auto;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.flex-none {
  flex: none;
  position: relative;
}
.abs {
  position: absolute;
}
.abs-full {
  position: absolute;
  inset: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.inline-block {
  display: inline-block;
}

.bold{
  font-weight: bold;
}
.error,.red{
  color:red;
  :hover{
      color:red;
  }
}

.content-box,.content-box-100 {
    margin:  24px;
    padding: 16px 32px;
    background: #fff;
}

.content-box-tab{
    margin:  24px;
    background: #fff;
    height: 100%;
    .ant-tabs-content{
        height: 100%;
    }
    .ant-tabs-tabpane{
        height: 100%;
    }
    .ant-tabs{
        height: 100%;
    }
    .ant-tabs > .ant-tabs-nav{
        margin:0 0 0 32px;
    }
    .ant-tabs-content-holder{
        padding-top:24px;
        background: #f0f2f5;
    }
    .ant-tabs-top > .ant-tabs-nav::before{
        border-bottom:none;
    }

    .content-box{
        margin:0;
    }
}
.content-box-tab-no-margin{
    height:calc(100% - 32px);
}
.content-box-100{
    height:calc(100% - 32px);
}
.operation-box{
    margin-bottom: 20px;
    .ant-btn,.ant-select{
        margin-right:8px;
    }
}
.detail-pic-box{
    display: flex;
    >div:first-child{
        width:59.9%;
    }
    >div:last-child{
        width:39.9%;
    }
}
.flex-box{
    display: flex;
}

.mr5{
    margin-right:5px;
}
.mb24{
    margin-bottom: 24px;
}
.mt20{
    margin-top:20px;
}
.mt24{
    margin-top:24px;
}
.mg24{
    margin:24px;
}
.mb10{
    margin-bottom: 10px;
}
.mb15{
    margin-bottom: 15px;
}
.mb20{
  margin-bottom: 20px;
}
.ml15{
  margin-left:15px;
}
.mr10{
  margin-right: 10px;
}
.mr20{
  margin-right: 20px;
}
.padding0{
    padding:0;
}
.divide-block{
    height:24px;
    line-height: 0px;
}


.ellipsis {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.full-screen-btn{
    position: absolute;
    top: -40px;
    right: 20px;
}

.wx-page-loading {
    width: 70px;
    height: 65px;

    @keyframes wx-page-loading {
        0% {
            transform: scaleY(1);
        }
        50% {
            transform: scaleY(0.2);
        }
        100% {
            transform: scaleY(1);
        }
    }
    > div {
        display: inline-block;
        width: 4px;
        height: 55px;
        border-radius: 4px;
        margin: 3px;
        animation: wx-page-loading 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
        animation-fill-mode: both;
    }
    > div:nth-child(1) {
        background-color: #f00;
    }
    > div:nth-child(2) {
        background-color: #ffb300;
    }
    > div:nth-child(3) {
        background-color: #7df902;
    }
    > div:nth-child(4) {
        background-color: #0269f9;
    }
    > div:nth-child(5) {
        background-color: #ed02f9;
    }
    > div:nth-child(1),
    > div:nth-child(5) {
        animation-delay: -0.2s !important;
    }

    > div:nth-child(2),
    > div:nth-child(4) {
        animation-delay: -0.4s !important;
    }
}

//定义滚动样式,模仿mac滚动条
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    width: 6px;
    background: rgba(#5f6968, 0.1);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(#5f6968, 0.5);
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(#707977, 1);
  }


